<script setup lang="ts">
import { ref } from 'vue';

import { generateObj } from './mock';

const data = ref(generateObj(1000));
// eslint-disable-next-line no-console
console.log(data.value, 'data.value');
</script>

<template>
  <div class="page">
    <h1>Hello World!</h1>
    <div class="chart">
      <iframe src="http://localhost:5174/" frameborder="0"></iframe>
    </div>
  </div>
</template>

<style scoped lang="less">
.page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
}
.chart {
  width: 800px;
  height: 700px;
  border: 1px solid #ccc;
  margin-top: 48px;
  iframe {
    width: 100%;
    height: 100%;
  }
}
</style>
